﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Your Page Title Here</title>
    
    <!-- CSS -->
    <link href="CSS/styles.css" rel="stylesheet" type="text/css" />
    <link href="CSS/Reset.css" rel="stylesheet" type="text/css" />
    
    <!--[if IE]>
    <link href="CSS/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!--[if IE 6]>
    <link href="CSS/ie6.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!-- sIFR CSS -->
    <link href="CSS/sifr.css" rel="stylesheet" type="text/css" />
    
    <!-- JS -->
    <script src="Scripts/jquery-1.2.6.js" type="text/javascript"></script>
    
    <!-- sIFR JS -->
    <script src="Scripts/sIFR/sifr.js" type="text/javascript"></script>
    <script src="Scripts/sIFR/sifr-debug.js" type="text/javascript"></script>
    <script src="Scripts/sIFR/sifr-config.js" type="text/javascript"></script>   
    
</head>
<body>
    
    <div id="container">
        <!-- HEADER -->
        <div id="header">
            <div class="container clearfix">
                <h1 class="flashHeader left">
                    <a href="home.htm" title="&laquo; Back to Your Company Name">
                       Your Logo/Name
                    </a>
                </h1>
                <div class="right headerLinks">                    
                    <!-- Search box -->
                    <div class="right searchBox">
                        <input type="text" />
                        <button>Search</button>
                    </div>
                </div>
            </div>            
        </div>
        
        <!-- BODY-->
        <div id="body">
            <div class="clearfix">
                <div id="sideBar" class="left">
                    <ul id="navi">
                        <li>
                            <a href="home.htm">
                                Home
                            </a>
                        </li>
                        <li>
                            <a href="about.htm">
                                About
                            </a>
                        </li>
                        <li>
                            <a href="galleryList.htm">
                                Gallery
                            </a>
                        </li>
                        <li>
                            <a href="newsList.htm">
                                News &amp; Events
                            </a>
                        </li>
                        <li>
                            <a href="contact.htm">
                                Contact
                            </a>
                        </li>
                    </ul>                    
                                      
                </div>
                <div class="content oneCol left clearfix">
                    <!-- One Column content -->
                    <h2 class="flashHeader">
                        <strong>Email A Friend.</strong> Send a page onto<br />
                        your friend
                    </h2>                    
                    
                    <!--
                    <div class="errorMessage">
                        <p>
                            Please review the following problems:
                        </p>
                        <ul>
                            <li>
                                Please enter your name
                            </li>
                        </ul>
                    </div>
                    -->
                    
                    <div class="clearfix">
                        <!-- TODO: move inline styles to CSS -->
                        <div class="left" style="width:265px; margin:0 10px 0 0;">                            
                            <p>
                                The page you are sending to your friend is 
                                <a href="#">www.yourdomain.co.uk/About.aspx</a>
                            </p>
                        </div>
                        <!-- TODO: move inline styles to CSS -->
                        <div class="left" style="width:265px;">
                            <fieldset>
                                <legend>Friends Details</legend>
                                
                                <label class="first">Friends Name</label>
                                <input type="text" name="friendsName" class="error"/>
                                <br />
                                
                                <label>Friends Email</label>
                                <input type="text" name="friendsEmail" />                                
                            </fieldset>
                            
                            <fieldset>
                                <legend>Your Details</legend>
                                
                                <label>Your name</label>
                                <input type="text" name="yourName"/>
                                <br />
                                
                                <label>Your Email</label>
                                <input type="text" name="yourEmail" />
                                <br />
                                
                                <label>Your Message</label>
                                <textarea name="yourMessage" rows="5" cols="25"></textarea>
                                <br />                                
                                
                                <button>
                                    Send to Friend
                                </button>
                                                             
                            </fieldset>
                            
                        </div>
                    </div>                    
                    
                    
                </div>
            </div>     
                        
        </div>
        
        <!-- FOOTER -->
        <div id="footer">
            <div class="container">
                <ul class="credits">
                    <li class="cws">
                        <a href="http://www.creativewebspecialist.co.uk" title="Created by Warren Buckley, a Creative Web Specialist">
                            Created by Warren Buckley
                            <span>Creative Web Specialist</span>
                        </a>
                    </li>
                    <li class="g72">
                        <a href="http://www.g72.co.uk" title="Designed by Sam Grady from G72 Creative">
                            Designed by Sam Grady
                            <span>G72 Creative</span>
                        </a>
                    </li>
                </ul>
                
                <ul class="misc">
                    <li class="rss">
                        <a href="" title="RSS Feed for xxx">
                            RSS Feed
                        </a>
                    </li>
                    <li class="valid">
                        <a href="http://validator.w3.org/check?uri=referer" title="This site validates against the W3C guidelines for valid XHTML and CSS">
                            Valid XHTML
                        </a>                    
                    </li>
                </ul>
            </div>            
        </div>    
    </div>
    
    
</body>
</html>
